<template>
  <div>
    <div>选中了 {{ multipleSelection.length }} 名成员{{ tips }}</div>
    <div class="flex flex-wrap space-x-2">
      <div
        v-for="a in multipleSelection"
        :key="a.id"
        class="text-main-title font-semibold"
      >
        {{ a.name }}
      </div>
    </div>
    <div class="mt-4">
      <slot></slot>
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
  props: {
    multipleSelection: {
      type: Array,
      default: () => {},
    },
    tips: {
      type: String,
      default: '',
    },
  },
})
</script>

<style></style>
